<template>

  <el-row :gutter="10">
    <el-col :xs="2" :sm="2" :md="2" :lg="2" :xl="2">
      <div class="grid-content bg-purple"></div>
    </el-col>
    <el-col :xs="7" :sm="7" :md="7" :lg="7" :xl="7">
      <div class="grid-content bg-purple">
        <p>WEBSITE</p>
        <el-divider style="color: gray"></el-divider>
        <span class="ab">@2023 · 蜗牛网安实验室</span><br>
        <span class="ab">杭州蜗牛</span><br>
        <a class="ab" href="https://gitee.com/kaiyic/woniu-lab.git">Gitee:https://gitee.com/kaiyic/woniu-lab.git</a><br>
      </div>
    </el-col>
    <el-col :xs="1" :sm="1" :md="1" :lg="1" :xl="1">
      <div class="grid-content bg-purple">
        <el-divider class="h1" direction="vertical" style="color: gray" ></el-divider>
      </div>
    </el-col>
    <el-col :xs="7" :sm="7" :md="7" :lg="7" :xl="7">
      <div class="grid-content bg-purple">
        <p>CONTACT US</p>
        <el-divider style="color: gray"></el-divider>
        <a class="aa">赵泽烽</a>
        <el-divider  direction="vertical" style="color: gray" ></el-divider>
        <a class="aa">吴泽安</a>
        <el-divider  direction="vertical" style="color: gray" ></el-divider>
        <a class="aa">郭欣源</a>
        <el-divider  direction="vertical" style="color: gray" ></el-divider>
        <a class="aa">焦志孟</a>
        <el-divider  direction="vertical" style="color: gray" ></el-divider>
        <a class="aa">范龙龙</a>
        <el-divider  direction="vertical" style="color: gray" ></el-divider>
        <a class="aa">江宗蔚</a>
        <el-divider  direction="vertical" style="color: gray" ></el-divider>
        <a class="aa">石磊</a>
      </div>
    </el-col>
    <el-col :xs="4" :sm="4" :md="4" :lg="4" :xl="4">
      <div class="grid-content bg-purple"></div>
    </el-col>
  </el-row>

</template>

<style  scoped>
.el-row {
  background-color: black;
  width: 100%;
}
.el-row {
  color: #545c64;
  height: 220px;
}
.el-col {
  border-radius: 4px;
}
.bg-purple {
  margin-top: 30px;
  text-align:left;
  font-size: 25px;
  /* background-color: antiquewhite; */
  height: 50px;
}
.bg-purple .aa {
  text-align: center;
  font-size: 10px;
  text-decoration:none;
  color: gray;
}
.bg-purple .ab {
  text-align: center;
  font-size: 15px;
  text-decoration:none;
  color: gray;
}
.grid-content {
  border-radius: 4px;
  min-height: 36px;
}
.h1{
  position: relative;
  vertical-align: bottom;
  height: 13ex;
}
</style>